li{
				list-style: none;
			}
			*{
				padding: 0;
				margin: 0;
			}
			header{
				position: fixed;
				top: 0;
				left: 0;
				height: 35px;
				width: 100%;
				line-height: 35px;
				display: flex;
				background-color: #ccc;
				color: #000000;	
			}
			header div{
				flex:1;
			}
			header div:nth-child(2){
				text-align: center;
			}
			header div:last-child{
				text-align: right;
				margin-right: 10px;				
			}
			article{
				position: absolute;  
			    z-index: 1;  
			    top: 35px;  
			    bottom: 48px;  
			    left: 0;  
			    width: 100%;  
			    overflow: hidden; 
			}
			article ul li{
				height: 70px;
				display: flex;
				flex-direction:row;
				background: repeat-x bottom left url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1' height='1'><rect fill='#ccc' x='0' y='0' width='1' height='0.5'/></svg>");
			}
			
			article .text{
				flex:1;
				display: flex;
				align-items: center;
			}
			article .img{
				display: flex;
				align-items: center;
				padding: 5px;
				margin: 5px;
				margin-top: 10px;
				width:40px;
				height:40px;
				border: 1px solid #ccc;
			}
			article .img img{
				width: 40px;
				height: 40px;
			}
			
			article #cont{
				display: flex;
				flex-direction:column;
				justify-content:space-between
			}
			#cont p{
				flex: 1;
				padding: 10px;
			}
			
			
			
			footer{
				position: absolute;  
			    z-index: 2;  
			    bottom: 0;  
			    left: 0;  
			    width: 100%;  
			    height: 48px;  
			    background: #444;  
			    padding: 0;  
			    border-top: 1px solid #444; 
				
			}
			footer ul{
				display: flex;
				height: 48px;
			}
			footer li{
				flex: 1;
				display: flex;
				flex-direction: column;
				justify-content:center;
				align-items:center;	
				font-size: 12px;	
				color: #ccc;	
			}
			
			
			
			#scroller {  
		    position: absolute;  
		    z-index: 1;  
		    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
		    width: 100%;  
		    -webkit-transform: translateZ(0);  
		    -moz-transform: translateZ(0);  
		    -ms-transform: translateZ(0);  
		    -o-transform: translateZ(0);  
		    transform: translateZ(0);  
		    -webkit-touch-callout: none;  
		    -webkit-user-select: none;  
		    -moz-user-select: none;  
		    -ms-user-select: none;  
		    user-select: none;  
		    -webkit-text-size-adjust: none;  
		    -moz-text-size-adjust: none;  
		    -ms-text-size-adjust: none;  
		    -o-text-size-adjust: none;  
		    text-size-adjust: none;  
		}  
		  
			#pullDown,#pullUp {    
			    height: 40px;    
			    line-height: 40px;    
			    padding: 5px 10px;    
			    font-weight: bold;    
			    font-size: 14px;    
			    color: #888;    
			}    
			    
			#pullDown .pullDownIcon,#pullUp .pullUpIcon {    
			    display: block;    
			    float: left;    
			    width: 40px;    
			    height: 40px;    
			    -webkit-background-size: 40px 80px;    
			    background-size: 40px 80px;    
			    -webkit-transition-property: -webkit-transform;    
			    -webkit-transition-duration: 250ms;    
			}    
			    
			#pullDown .pullDownIcon {    
			    -webkit-transform: rotate(0deg) translateZ(0);    
			}    
			    
			#pullUp .pullUpIcon {    
			    -webkit-transform: rotate(-180deg) translateZ(0);    
			}    
			    
			#pullDown.flip .pullDownIcon {    
			    -webkit-transform: rotate(-180deg) translateZ(0);    
			}    
			    
			#pullUp.flip .pullUpIcon {    
			    -webkit-transform: rotate(0deg) translateZ(0);    
			}    
			    
			#pullDown.loading .pullDownIcon,#pullUp.loading .pullUpIcon {    
			    background-position: 0 100%;    
			    -webkit-transform: rotate(0deg) translateZ(0);    
			    -webkit-transition-duration: 0ms;    
			    -webkit-animation-name: loading;    
			    -webkit-animation-duration: 2s;    
			    -webkit-animation-iteration-count: infinite;    
			    -webkit-animation-timing-function: linear;    
			}    
			    
			.-webkit-keyframes loading {    
			    from {     
			        -webkit-transform:rotate(0deg)translateZ(0);    
			    }    
			    
			    .to {    
			        -webkit-transform: rotate(360deg) translateZ(0);    
			    }    
			}